<!DOCTYPE HTML>
<html>
<head>
<title>PhoneGap</title>
<script type="text/javascript" src="js/common/cordova-2.5.0.js"></script>

<link rel="stylesheet" href="css/jquery.mobile-1.3.0.css" />
<script type="text/javascript" src="js/common/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/common/jquery.mobile-1.3.0.js"></script>

<script type="text/javascript" src="js/common/angular.js"></script>
</head>
<body>
	<div data-role="page" id="homepage" class="ui-bar ui-bar-b">
		<div data-theme="b" data-role="header" data-id="header"
			data-position="fixed">
			<h1 style="text-align: left; margin-left: 10px;">BroadaView</h1>
		</div>
		<!-- /header -->
		<div data-role="content" data-position="fixed"></div>
		<!-- /content -->
		<div data-role="footer" data-id="nav" data-position="fixed">
			<div data-role="navbar" data-transition="none">
				<ul>
					<li><a href="#homepage" class="ui-btn-active ui-state-persist">Home</a></li>
					<li><a href="#options">Options</a></li>
					<li><a href="#">Logout</a></li>
				</ul>
			</div>
			<!-- /navbar -->
		</div>
		<!-- /footer -->
	</div>
	<!-- Home -->
	<div data-role="page" id="options" class="ui-bar ui-bar-b">
		<div data-theme="b" data-role="header" data-id="header"
			data-position="fixed">
			<h1 style="text-align: left; margin-left: 10px;">Options</h1>
		</div>
		<!-- /header -->
		<div data-role="content" data-position="fixed"></div>
		<!-- /content -->
		<div data-role="footer" data-id="nav" data-position="fixed">
			<div data-role="navbar" data-transition="none">
				<ul>
					<li><a href="#homepage">Home</a></li>
					<li><a href="#options" class="ui-btn-active ui-state-persist">Options</a></li>
					<li><a href="#">Logout</a></li>
				</ul>
			</div>
			<!-- /navbar -->
		</div>
		<!-- /footer -->
	</div>
	<!-- Options -->
</body>
</html>